<!DOCTYPE HTML>
<html lang="en-US">
    <head>

        <meta charset="UTF-8">
        <title>Beoro Admin Template v1.1</title>
        <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <link rel="icon" type="image/ico" href="favicon.ico">
        
    <!-- common stylesheets-->
        <!-- bootstrap framework css -->
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
            <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css">
        <!-- iconSweet2 icon pack (16x16) -->
            <link rel="stylesheet" href="img/icsw2_16/icsw2_16.css">
        <!-- splashy icon pack -->
            <link rel="stylesheet" href="img/splashy/splashy.css">
        <!-- flag icons -->
            <link rel="stylesheet" href="img/flags/flags.css">
        <!-- power tooltips -->
            <link rel="stylesheet" href="js/lib/powertip/jquery.powertip.css">
        <!-- google web fonts -->
            
            

    <!-- aditional stylesheets -->
        <!-- x-editable -->
            <link rel="stylesheet" href="js/lib/x-editable/bootstrap-editable/css/bootstrap-editable.css">
            <link rel="stylesheet" href="js/lib/x-editable/inputs-ext/address/address.css">


        <!-- main stylesheet -->
            <link rel="stylesheet" href="css/beoro.css">

        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
        <!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
            
        <!--[if lt IE 9]>
            <script src="js/ie/html5shiv.min.js"></script>
            <script src="js/ie/respond.min.js"></script>
            <script src="js/lib/flot-charts/excanvas.min.js"></script>
        <![endif]-->

    </head>
    <body class="bg_d">
    <!-- main wrapper (without footer) -->    
        <div class="main-wrapper">
        <!-- main content -->
            <div class="container">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="w-box w-box-blue">
                            <div class="w-box-header">
                                <h4>Профиль пользователя</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <p><button class="btn btn-small" id="enable">Редактировать</button></p>
                                <table class="table table-bordered table-striped" id="user_profile">
                                    <tbody> 
                                        <tr>         
                                            <td width="15%">Баланс</td>
                                            <td width="50%">10</td>                                            
                                        </tr>
                                        <tr>         
                                            <td width="15%">Логин</td>
                                            <td width="50%"><a data-original-title="Введите логин" data-pk="1" data-type="text" id="u_username" href="#">Login</a></td>                                            
                                        </tr>
                                        <tr>         
                                            <td width="15%">Имя пользователя</td>
                                            <td width="50%"><a data-original-title="Введите имя пользователя" data-pk="2" data-type="text" id="u_name" href="#">Name</a></td>                                            
                                        </tr>                                        
                                        <tr>         
                                            <td>Группа</td>
                                            <td><a data-original-title="Выберите группу" data-source="../ajax/getGroup.php" data-value="5" data-pk="1" data-type="select" id="u_group" href="#">Admin</a></td>
                                        </tr>
                                        <tr>         
                                            <td>Пароль</td>
                                            <td>
                                                <div class="row-fluid">
                                                    <div class="span4">
                                                        <input type="password" id="password_meter" class="span12">
                                                        <div id="pwdMeter" class="progress progress-danger">
                                                            <div class="bar" style="width: 0%"></div>
                                                            <span class="pwdText"></span>
                                                        </div>
                                                    </div>
                                                    <div class="span4">
                                                        <div id="pwdGenerator"></div>
                                                        <button id="set_pass" type="submit" class="btn btn-beoro-3">Применить</button>
                                                    </div>
                                                </div>
                                            </td>                                            
                                        </tr>
                                        <tr>         
                                            <td width="15%">E-mail</td>
                                            <td width="50%"><a data-original-title="Введите e-mail" data-pk="3" data-type="text" id="u_email" href="#">e-mail</a></td>                                            
                                        </tr>                
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>            </div>
            <div class="footer_space"></div>
        </div> 
    <!-- Common JS -->
        <!-- jQuery framework -->
            <script src="js/jquery.min.js"></script>
        <!-- bootstrap Framework plugins -->
            <script src="bootstrap/js/bootstrap.min.js"></script>
        <!-- top menu -->
            <script src="js/jquery.fademenu.js"></script>
        <!-- top mobile menu -->
            <script src="js/selectnav.min.js"></script>
        <!-- actual width/height of hidden DOM elements -->
            <script src="js/jquery.actual.min.js"></script>
        <!-- jquery easing animations -->
            <script src="js/jquery.easing.1.3.min.js"></script>
        <!-- power tooltips -->
            <script src="js/lib/powertip/jquery.powertip-1.1.0.min.js"></script>
        <!-- date library -->
            <script src="js/moment.min.js"></script>
        <!-- common functions -->
            <script src="js/beoro_common.js"></script>

        <!-- Mockjax -->
            <script src="js/jquery.mockjax.js"></script>
        <!-- x-editable -->
            <script src="js/lib/x-editable/bootstrap-editable/js/bootstrap-editable.min.js"></script>
            <script src="js/lib/x-editable/inputs-ext/address/address.js"></script>
        <!-- password strength metter -->
            <script src="js/lib/pwdMeter/jquery.pwdMeter.js"></script>

            <script src="js/pages/beoro_editable_elements.js"></script>
<script type="text/javascript">
$(document).ready(function() {
         //defaults
        $.fn.editable.defaults.url = '../ajax/temp.php';
        
         //enable / disable
        $('#enable').click(function() {            
            $('#user_profile .editable').editable('toggleDisabled');
        });        
        $('#u_username').editable('disable', {            
            type: 'text',
            pk: 1,
            name: 'username',
            title: 'Enter username'
        });
        $('#u_name').editable('disable', {            
            type: 'text',
            pk: 2,
            name: 'name',
            title: 'Enter name'
        });
        $('#u_email').editable('disable', {            
            type: 'text',
            pk: 3,
            name: 'email',
            title: 'Enter email'
        });
        $('#u_group').editable('disable', {
            showbuttons: false 
         });
        $('#user_profile .editable').on('hidden', function(e, reason){
            if(reason === 'save' || reason === 'nochange') {
                var $next = $(this).closest('tr').next().find('.editable');
                if($('#autoopen').is(':checked')) {
                    setTimeout(function() {
                        $next.editable('show');
                    }, 300); 
                } else {
                    $next.focus();
                } 
            }
        });
        $('#password_meter').pwdMeter({            
                    minLength: 6,
                    displayGeneratePassword: true,
                    generatePassText: 'Сгенерировать новый пароль',
                    randomPassLength: 16,
                    neutralText: "",
                    veryWeakText: "Очень слабый",
                    weakText: "Слабый",
                    mediumText: "Средний",
                    strongText: "Сложный",
                    veryStrongText: "Очень сложный"
        });        
});
</script>
    </body>
</html>